          <div id="intro"> 
  <div align="right"><a href="<?=base_url()?>assets/images/intro/welcome.jpg"><img src="<?=base_url()?>assets/images/intro/welcome.jpg" alt="วัดศาลา น้ำแพร่ หาดง เชียงใหม่ ยินดีต้อนรับ..." width="670" height="255" /></a></div>
</div>
          <div class="sec3" style="margin-bottom:10px;">
          <div class="news">
       	  <div class="r" style="float:right; width:670px;background-color:#F3FEDA;">
            	<div class="box4">
                	<div class="bhead"><h2 id="h2-3"><span style="background:url(<?=base_url()?>assets/css/theme3/h2-3.gif) no-repeat 0 3px;; text-indent:-9999px; display:block;">ข่าวสารวัดศาลา</span></h2></div>
                    <div class="inner" style="background:#FFFFFF">
<?php
    if(count($r)==0)
    {
        echo "---NO DATA---";
    }
    else
    {
//        echo "data<BR>";
        $no=1;
        foreach($r as $data)
        {
//            echo 
//                   $no." , ".
//                   $data ["id_new"]." , ".
//                   $data["id_temple"]." , ".
//                   $data["headnews"]." , ".
//                   $data["detail"]." , ".
//                   $data["pic_news"]." , ".
//                   $data["date"]." , ".
//                   $data["linkurl"]."<BR>";
    ?>
                   	  <ul class="newslst">
                    	   <li>
                            <a href="<?=base_url()?>assets/images/news/<?=$data["pic_news"]?>" class="thumb"><img src="<?=base_url()?>assets/images/news/<?=$data["pic_news"]?>" width="45" height="45" /></a>
                            <div class="headnews">
                                <a href="<?=site_url()?>/template_u/news/readnews/<?=$data ["id_new"]?>"><?= $data["headnews"]?></a>
                                <p class="postby">
                                        LinkUrl: <a href="<?=$data['linkurl']?>"><?if($data['linkurl']!=''){echo $data['linkurl'];}else{echo "-";}?></a><?echo " , ".$data['date'];?></p>
                          </div>
                            </li>
                        </ul>
<?php
            $no++;if($no>10)break;
        }
        
    }
    
//////////////////////////////////////////////////////////////////////
?>
<!--    <h2>Example 1</h2>

Inner content DIVs should always carry "contentdiv" CSS class
Pagination DIV should always carry "paginate-SLIDERID" CSS class

<div id="slider1" class="sliderwrapper">

<div class="contentdiv">
Content 1 Here. <br />
<p></p><a href="javascript:featuredcontentslider.jumpTo('slider1', 3)">Go to 3rd slide</a></p>
</div>

<div class="contentdiv">
Content 2 Here.
</div>

<div class="contentdiv">
Content 3 Here.
</div>

</div>

<div id="paginate-slider1" class="pagination">

</div>

<script type="text/javascript">

featuredcontentslider.init({
	id: "slider1",  //id of main slider DIV
	contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
	toc: "#increment",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
	nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
	revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
	enablefade: [true, 0.2],  //[true/false, fadedegree]
	autorotate: [true, 3000],  //[true/false, pausetime]
	onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
		//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
		//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
	}
})

</script>-->

<br />
<h2>Example 2, Pagination links from markup</h2>

<!--Inner content DIVs should always carry "contentdiv" CSS class-->
<!--Pagination DIV should always carry "paginate-SLIDERID" CSS class-->

<div id="slider2" class="sliderwrapper">

<div class="contentdiv">
<a href="<?=base_url()?>assets/images/intro/welcome.jpg" class="thumb"><img src="<?=base_url()?>assets/images/intro/welcome.jpg?>" /></a>    
</div>

<div class="contentdiv">
Content 2 Here. <br />
<p></p><a href="javascript:featuredcontentslider.jumpTo('slider2', 3)">Go back to 1st slide</a></p>
</div>

<div class="contentdiv">
Content 3 Here.
</div>

</div>

<div id="paginate-slider2" class="pagination">

<a href="#" class="toc">First Page</a> <a href="#" class="toc anotherclass">Second Page</a> <a href="#" class="toc">Third Page</a> <a href="#" class="prev" style="margin-left: 10px"><</a> <a href="#" class="next">></a>

</div>

<script type="text/javascript">

featuredcontentslider.init({
	id: "slider2",  //id of main slider DIV
	contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
	toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
	nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
	revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
	enablefade: [true, 0.2],  //[true/false, fadedegree]
	autorotate: [false, 3000],  //[true/false, pausetime]
	onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
		//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
		//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
	}
})

</script>
<?
//////////////////////////////////////////////////////////////////////
?>
                        <div class="more"><a href="<?=site_url()?>/template_u/news/index">แสดงข่าวสารทั้งหมด</a></div>
                  </div>
            </div>
            <div class="bfoot"><div></div></div>
            </div>
          </div>
            <div class="clear"></div>
          </div>              